草庐IT

Android ListView选择动画

全部标签

javascript - 如何在 Angular Material 动画之后执行代码

我正在使用AngularMaterial在一个网站上。作为响应式框架,它处理不同窗口大小的渲染。改变窗口大小时,添加一些布局变化和控件移动的动画示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)我在示例中显示的图block上有一些WebGLCanvas,需要在动画完成后重新绘制(并且容器具有最终尺寸)。如何获得一些回调或promise以完成UI动画? 最佳答案 此问题的解决方案是将属性md-on-layout添加到md-grid-list(docs)

javascript - 在 jQuery 选择器中混合逻辑 AND 和 OR

我必须过滤包含两个关键数据属性的项目列表:Freedom类别标签按类别过滤应该是逻辑OR但按标签过滤应该是逻辑AND。使用这两者之一进行过滤不是问题。我申请了,例如:$(collection).filter('li[data-tags*="tag-50-eot"][data-tags*="tag-51-eot"]');按标签过滤。或者:$(collection).filter('[data-category="1"],[data-category="2"]);按类别过滤。这很好用。但是,我找不到一种方法将这两个选择器组合成一个我可以传递给filter()函数的查询,并且链接两个filt

javascript - Angular 4 使用 Angular 动画为任何高度/位置变化设置动画

我希望这是一个非常直截了当的问题。有没有办法使用Angular动画语法为元素上的任何高度或位置变化设置动画?例如,如果删除一个DOM元素导致另一个元素向上移动,是否可以在不设置状态变量的情况下为向上移动设置动画?或者类似的没有状态的东西。提前致谢。 最佳答案 您可以为所有可能被动态删除/添加的子元素添加一个折叠动画。如果子高度是动画的,那么容器大小也是动画的。trigger('fold',[transition(':enter',[style({height:0,overflow:'hidden'}),animate('.3seas

javascript - 选择文本,然后使用 Javascript 计算它与顶部的距离?

是否可以使用JavaScript在网页上找到给定的文本字符串,然后计算它与页面顶部的距离(以像素为单位)?如果是这样,将不胜感激。 最佳答案 更新:变得更加健壮。一个有趣的互动演示:查看实际效果,here.WordFinderFunbody{font-size:16px;font-weight:normal;font-family:"TrebuchetMS",Helvetica,Tahoma,Arial,sans-serif;padding:10px5%;line-height:1.5;min-width:680px;}table{

javascript - 使用日期选择器和时刻处理不同语言的日期

我有一个网站,根据位置的不同,可以用不同的语言设置日期:例子:Mercredi,Juin06,2012//frenchWednesday,Jun06,2012//english然后这些日期需要使用momentjs保存在服务器上moment('Tuesday,Jun05,2012').format();//2012-06-05T00:00:00+02:00moment('Mercredi,Juin06,2012').format();//NaN-NaN-NaNTNaN:NaN:NaN+00:00当用户使用与英语不同的语言时,我该如何解决这个问题?附言:不确定是否有帮助...使用momen

javascript - 使用内联动画关键帧定义?

我们有这种在css文件中定义关键帧的语法:@-webkit-keyframesfade{from{opacity:1;}to{opacity:0.25;}}我们像这样引用它:.foo{-webkit-animation:fade1slinearinfinite;}有没有办法直接内联它,比如:.foo{-webkit-animation:(from{opacity:1;}to{opacity:0.25;})1slinearinfinite;}有没有办法做到这一点,或者在运行时将“@-webkit-keyframes”元素注入(inject)我的样式表?谢谢 最

javascript - 选择 2 : Update option after selecting new tag

我实现了一个标签系统,您可以在其中选择现有标签或添加新标签。选择新标签后,它将使用AJAX调用保留。为了实现这一点,我使用回调createTag和事件select2:select。因为我喜欢只在标记被选中时才创建标记,所以如果事件select2:select被触发,我会为此执行AJAX调用。问题是我需要使用从将新标签持久保存到数据库中获得的ID更新已创建的select2选项。最干净的解决方案是什么?这是我所拥有的:$('select.tags').select2({tags:true,ajax:{url:'{{path('tag_auto_complete')}}',processRe

javascript - 使用 Web API 的客户端 Web 应用程序,如何根据服务器端 Web API 的期望填充选择框字段值?

我在一个Web应用程序中工作,该应用程序有一个由ASP.NETCoreMVC提供支持的服务器,前端是一个使用TypeScript的Angular5.0单页应用程序。在客户端我有一个带有表单的页面和一些输入控件。我在这里的设计挑战是中的选择应限制为我的.NETCore中WebAPI期望的值。由于服务器和客户端应用程序是同一个VisualStudio解决方案的一部分,我想尽量减少WebAPI中的破坏性更改。我认为我可以做到这一点的一种方法是让客户端表单和输入有些愚蠢,并从服务器请求有效值来填充控制与。这样我就不必在客户端和服务器中重复逻辑(例如,如果我在C#中定义了一个枚举,然后在Type

javascript - 如何使用 jQuery 选择 <pre> 中包含的所有文本?

我有一个包含行号和文本的contentEditableiframe。行号包含在一个div中,所有文本都在中。-元素。看起来像这样:123Text现在,当有人按下Ctrl+A时,所有内容都会被选中,包括行号。我想将此行为更改为仅包含的内容.我已经设置了一个捕获Ctrl+A并阻止默认操作的功能。现在,如何将选择设置为包含中的所有内容?? 最佳答案 Thisanswer我认为会帮助你;您应该能够使用jQuery选择pre元素并将其传递给提供的函数:SelectText($('pre')[0]);

javascript - 谷歌地图容器在动画后无法正确调整大小

我有一个谷歌地图容器,假设高度为600像素。我有一个按钮,调整(jQuery)map周围的div容器:$('#add').click(function(){$("#container-map").animate({height:'50%',minHeight:'50%'},1500);google.maps.event.trigger(map,'resize');});现在容器和map的高度是300像素,但googlemapsapi认为它仍然是600像素,所以map的中心仍然是300像素,尽管它应该是150像素(300/2)。http://woisteinebank.de/dev2.h